<template>
  <div class="card-header">
    <div class="card-title">{{ title }}
        <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  props: {
    title: {
      type: String,
      default: "",
    },
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped lang='less'>
.card-header {
    height: 22px;
    line-height: 22px;
  .card-title {
    color: #1F2029;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    &::before{
        content: '';
        display: inline-block;
        width: 4px;
        height: 22px;
        background-color: #165DFF;
        margin-right: 10px;
        vertical-align: bottom;
    }
  }
}
</style>
